<%--
  Created by IntelliJ IDEA.
  User: 王与刘
  Date: 14/11/2021
  Time: 下午8:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>登录界面</title>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <!-- <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <!-- Bootstrap -->
    <link href="BookStrap/bootstrap-3.4.1-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="BookStrap/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <!-- <link rel="stylesheet" type="text/css" href="./css/base.css"/> -->

    <style type="text/css">
        body {
            background: url('https://api.ixiaowai.cn/gqapi/gqapi.php');
            background-repeat: no-repeat;
            background-size: cover;
        }
        .box_form {
            width: 33.3%;
            margin: 200px auto;
        }
        .form-style {
            background: rgba(255, 255, 255, 0.9);
            padding: 70px;
            padding-top: 45px;
            border-radius: 20px;
        }
        .form-horizontal .form-group {
            margin-top: 15px;
        }
        h2{
            text-align: center;
        }
    </style>
</head>
<body>
<div class="box">
    <div class="box_form" >
        <form class="form-horizontal form-style" action="xue/api/login" method="post">
            <h2>学吧后台管理系统</h2>
            <div class="form-group">
                <label for="inputUsername" class="col-sm-2 control-label">用户名</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" name="username" id="inputUsername" placeholder="Username">
                </div>
            </div>
            <div class="form-group">
                <label for="inputPassword" class="col-sm-2 control-label">密码</label>
                <div class="col-sm-10">
                    <input type="password" class="form-control" name="password" id="inputPassword" placeholder="Password">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="submit" class="btn btn-default">登录</button>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="reset" class="btn btn-default">重置</button>
                </div>
            </div>
            <small>${message}</small>
        </form>
    </div>
</div>
</body>
</html>